<template>
  <div>
    <van-nav-bar fixed title="提现详情" left-arrow @click-left="$utils.back($route.path);" />
    <div class="has-top">
      <p class="tac mt-50">提现金额</p>
      <p class="tac fs-44 fw-600">68.36</p>
      <p class="tac">交易成功</p>
      <div class="mg-30 bg-white pos-r ptb-20 plr-40 br-20">
        <div class="hb list">
          <div class="flex fs-28 mtb-30" v-for="(item,index) in list" :key="index">
            <p class="color-gray-light pr-20 list-title">{{item.title}}</p>
            <p class>{{item.value}}</p>
          </div>
        </div>
        <div class="flex fs-28 mtb-30 pb-40 hb">
          <p class="color-gray-light pr-20 list-title">收银二维码</p>
          <div class="is-120">
            <img :src="store.code" />
          </div>
        </div>
        <div class="flex fs-28 mtb-30">
          <p class="color-gray-light pr-20 list-title">驳回理由</p>
          <p class="color-danger">爱说大话拉回回复里发生了黑暗势力</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import SvgIcon from 'components/SvgIcon'
import formItem from 'components/formItem'
import contentSearch from 'components/contentSearch'
import shopImg from 'assets/images/bussiness_goods4.png'
import utils from 'utils/utils.js'
export default {
  components: {
    SvgIcon,
    formItem,
    contentSearch
  },
  data() {
    return {
      store: {
        imgUrl:
          'https://iknow-pic.cdn.bcebos.com/a8773912b31bb051d1fd5754267adab44bede0f5?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1',
        shopName: '好智商',
        number: 123456,
        level: '钻石商户',
        name: '张三',
        tel: 123312412414,
        area: '泉州市丰泽区',
        detail: '宝城大厦123',
        code:
          'https://iknow-pic.cdn.bcebos.com/a8773912b31bb051d1fd5754267adab44bede0f5?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1'
      },
      list: [
        { title: '商户等级', value: '钻石商户' },
        { title: '联系人', value: '张三' },
        { title: '联系电话', value: '123312412414' },
        { title: '所属地区', value: '泉州市丰泽区ksdfjk邪恶监护人空间很宽敞看哈收到客户和安徽省看发哈伤口缝合是会计' },
        { title: '详细地址', value: '宝城大厦123' }
      ]
    }
  },
  computed: {
    // 计算属性的 getter
    kkamount: function() {
      // `this` 指向 vm 实例
      return utils.changePrice2money(this.price)
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.list {
  div:last-child {
    padding-bottom: 40px;
  }
}
</style>
